<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>

<body>
    get 偏向获取语义化 参数是查询字符串 大小限制2kb左右 参数位置在地址后面
    post 偏向提交语义化 参数格式多样，但是需要特殊说明 理论上没有限制 参数位置在请求体内
    <script>
        // // get  post请求
        // // 1、get请求
        // var xhr=new XMLHttpRequest()
        // xhr.open('GRT','http://localhost:8888//test/third?name=zhicha&age=18',true)
        // xhr.onload=function(){
        //     var res=JSON.parse(xhr.responseText)
        //     console.log(res)
        // }
        // // 发送请求
        // xhr.send()

        // 2 post请求
        var xhr = new XMLHttpRequest()
        //  注意：因为是post请求，不需要在地址后面进行拼接参数
        xhr.open('GET', 'http://localhost:8888/test/fourth', true)
        xhr.onload = function () {
            console.log(JSON.parse(xhr.responseTexts))
        }

        //注意：当你发送post请求，并且带参数，要进行说明
        // 语法：xhr.setRequestHeader('content-type'，你传递的参数格式)
        xhr.setRequestHeader('content-type','application/x-www-form-urlencoded')
        // send里面进行带参数
        xhr.send('name=zhicha&age=18')
    </script>
</body>

</html>